<template>
    <div class="index">
        <ul>
            <li>
                <router-link :to="{ path: '/chaxun' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-chaxun"></i>
                <p>设备查询</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/xunjian' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-xunjian"></i>
                <p>巡检</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/baoyang' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-baoyang"></i>
                <p>保养</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/weixiu' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-weixiu"></i>
                <p>维修</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/guzhang' ,query: { token: $route.query.token }}">
                <i class="iconfont icon-guzhanggaojing"></i>
                <p>故障上报</p>
                </router-link>
            </li>
        </ul>
    </div>
</template>

<script>
import utils from '@/utils'
import {
  getUserInfo,
  setUserInfo,
  logout
} from '@/utils/auth'
export default {
    data() {
        return {

        }
    },
    created(){
        setUserInfo(utils.getQueryString('token'))
        // console.log(utils.getQueryString('token'))
        // console.log(utils.getQueryString('username'))
    }
}
</script>
<style lang="less">
.index {
  ul {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
  }
  li {
    flex: 0 0 50%;
    text-align: center;
  }
  i {
    font-size: 5rem !important;
    color: #03a9f4;
  }
  p {
    color: #03a9f4;
  }
}
</style>

